<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>分类</title>
    <link rel="stylesheet" type="text/css" href="/css/stroe/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/loading.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/style.css"/>
    <script src="/js/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/js/common.js"></script>
    <script type="text/javascript">
        $(window).load(function(){
            $(".loading").addClass("loader-chanage");
            $(".loading").fadeOut(300)
        });
        $(function () {
            var params = getParams();

            $.get("/commoditys/"+ params.id+"/types",{pageSize:0},function (data) {
                $('#'+params.id+'').addClass("active");
                $("#types").renderValues(data,{
                    'setHref':function (item,value) {
                        $(item).attr("href",$(item).attr("href")+value)
                    }
                })

            });
            $.get("/commoditys/types",{pageSize:0},function (data) {
                $(".assort").renderValues(data,{
                    'setType':function (item,value) {
                        $(item).attr("href",$(item).attr("href")+value)
                    }
                });

            })
        })

    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body style="background-color: #fff;">
<header class="page-header fixed-header">
    <input type="search"  value="请输入关键词"/>
    <span>
			<img src="/img/store/serach.png"/>
		</span>
</header>

<div class="contaniner fixed-cont">
    <aside class="assort">
        <ul render-loop="list">
            <li render-attr="id=list.type">
                <a href="stroeProduct.html?id=" render-fun="setType" render-key="list.type">
                <img src="/img/store/classify01.png"/>
                <span render-html="list.typeName">母婴用品</span>
                </a>
            </li>

        </ul>
    </aside>

    <section class="assort-cont">
        <figure>
            <a href="#">
                <img src="/img/store/classify-ph01.png"/>
            </a>
        </figure>
        <dl>
            <div id="types">
                <div render-loop="list">
                <a href="detail.html?id=" render-fun="setHref" render-key="list.id">
                    <img render-src="list.picture"/>
                    <p render-html="list.title" style="font-size: 25px"></p>
                </a>
                </div>
            </div>
        </dl>
    </section>
</div>

<footer class="page-footer fixed-footer">
    <ul>
        <li>
            <a href="/mine/store/storeHome.html">
                <img src="/img/store/footer001.png"/>
                <p>商城首页</p>
            </a>
        </li>
        <li class="active">
            <a href="/mine/store/stroeProduct.html">
                <img src="/img/store/footer02.png"/>
                <p>产品分类</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/stroeCart.html">
                <img src="/img/store/footer003.png"/>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/stroepersonal.html">
                <img src="/img/store/footer004.png"/>
                <p>会员中心</p>
            </a>
        </li>
    </ul>
</footer>

</body>
</html>